<template>
    <div class="body">
        <br><br>
        <!-- 每个元素的两侧间隔相等 -->
        <van-row type="flex" justify="space-around" class="main">
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/18year.png" @click="active('')">
            </van-col>
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/17year.png">
            </van-col>
        </van-row>
        <van-row type="flex" justify="space-around" class="main">
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/01.png" @click="active('')">
            </van-col>
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/02.png">
            </van-col>
        </van-row>
        <van-row type="flex" justify="space-around" class="main">
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/03.png" @click="active('')">
            </van-col>
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/04.png">
            </van-col>
        </van-row>
        <van-row type="flex" justify="space-around" class="main">
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/05.png" @click="active('')">
            </van-col>
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/06.png">
            </van-col>
        </van-row>
        <van-row type="flex" justify="space-around" class="main">
            <van-col span="10">
                <img width="100%" height="270px" src="http://pkdjsmscr.bkt.clouddn.com/07.png" @click="active('')">
            </van-col>
        </van-row>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        active(temp){

        }
    }
}
</script>
<style lang="scss" scoped>
.body {
    height: 100%;
    background-color: #DCDFE6;
}

.main {
    margin: 30px 0;
}

img {
    border-radius: 5px;
    box-shadow: 1px 1px 1px #909399;
}
</style>
